<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
import _ from 'lodash'

export default {
  name: 'app',
  methods: {
    /**
     * 设置根元素html的文字大小，保证其最小文字大小为13px
     */
    setRootFontSize () {
      window.document.getElementsByTagName('html')[0].style.fontSize =
        (window.document.body.clientWidth >= 1560 ? window.document.body.clientWidth : 1560) / 1920 + 'px'
    }
  },
  mounted () {
    // 初次加载设置根元素文本大小
    this.setRootFontSize()

    // 添加全局resize监听，以设置文字大小
    window.addEventListener('resize', _.throttle(() => this.setRootFontSize(), 100))
  }
}
</script>

<style>
#app {
  /*font-family: 'Avenir', Helvetica, Arial, sans-serif;*/
  /*-webkit-font-smoothing: antialiased;*/
  /*-moz-osx-font-smoothing: grayscale;*/
  /*text-align: center;*/
  /*color: #2c3e50;*/
}
</style>
